
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>图片管理</title>
    <link rel="stylesheet" href="static/css/Album.css">
</head>
<body>
<!-- partial:index.partial.html -->
<button style="margin-top: 20px">点击返回相册管理界面</button>
<ul class="card-list">
    <li class="card">
        <a class="card-image" href="#" target="_blank" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/beautiful-game-100.jpg);" data-image-full="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/beautiful-game-500.jpg">
            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/beautiful-game-100.jpg" alt="The Beautiful Game" />
        </a>
        <a class="card-description" href="#" target="_blank">
            <h2>图片1</h2>

        </a>
        <button>点击删除</button>
    </li>

    <li class="card">
        <a class="card-image" href="#" target="_blank" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/jane-doe-100.jpg);" data-image-full="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/jane-doe-500.jpg">
            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/310408/jane-doe-100.jpg" alt="Jane Doe" />
        </a>
        <a class="card-description" href="#" target="_blank">
            <h2>图片3</h2>

        </a>
        <button>点击删除</button>
    </li>

    <li class="card">
        <a class="card-image" href="#" target="_blank" style="background-image: url(/static/img/f4c2c4ac0586f19687290a485b71eef6.jpeg);" data-image-full="static/img/f4c2c4ac0586f19687290a485b71eef6.jpeg">
            <img src="static/img/f4c2c4ac0586f19687290a485b71eef6.jpeg"  />
        </a>
        <a class="card-description" href="#" target="_blank">
            <h2 class="newcard">点击新建</h2>
        </a>
    </li>

</ul>
<!-- partial -->
<script  src="static/js/Album.js"></script>

</body>
</html>
